<template>
   <!-- 走马灯展示组件 -->
  <Carousel/>
  
  <el-divider/>    

  <excel-2/>
  

  <!-- <el-row>
      <el-col :span="0"><div class="grid-content ep-bg-purple" /></el-col>
      <el-col :span="24"><div class="grid-content ep-bg-purple-light" />
      <el-row class="mb-4">
        <el-button type="plain" round>
          <el-icon><Files /></el-icon>全部题目
        </el-button>
        <el-button type="primary" round>算法</el-button>
        <el-button type="success" round><el-icon><TrophyBase /></el-icon>蓝桥杯</el-button>
        <el-button type="info" round><el-icon><Link /></el-icon>数据库</el-button>
      </el-row>
      </el-col>
      <el-col :span="0"><div class="grid-content ep-bg-purple" /></el-col>
  </el-row>

  <el-select v-model="value" clearable placeholder="题单" class="select">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    />
  </el-select>

  <el-select v-model="value" clearable placeholder="难度" class="select">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    />
  </el-select>

  <el-select v-model="value" clearable placeholder="标签" class="select">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    />
  </el-select>
  
  <el-table
    :data="tableData"
    style="width: 100%"
    :row-class-name="tableRowClassName"
  >
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" />
    <el-table-column prop="address" label="Address" />
  </el-table> -->
</template>

<script>
import Carousel from './Carousel.vue'

import Excel2 from './Excel2.vue'

    export default {
        name:'questions',
        components:{Carousel,Excel2},

    }
</script>



<style scoped>
.el-carousel__item h3 {
  color: #475669;
  opacity: 0.75;
  line-height: 200px;
  margin: 0;
  text-align: center;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}

.select{
  margin: 10px;
  margin-left: 0;
  margin-right: 10px;
}
</style>
